<!DOCTYPE html><head>
	<meta charset="utf-8">
	<title>About - Fashionic Ajax Respondsive HTML Template</title>
	
	<!-- CSS
	  ================================================== -->
	<link rel="stylesheet" media="all" type="text/css" href="styles/mediaelementplayer.min.css" />
	<link rel="stylesheet" media="all" type="text/css" href="styles/supersized.css" />
	<link rel="stylesheet" media="all" type="text/css" href="js/themes/classic/galleria.classic.css" />
	<link rel="stylesheet" media="all" type="text/css" href="style.css" />
	<link rel="stylesheet" media="all" type="text/css" href="styles/light.css" /><!--Color scheme include: light.css and dark.css-->
	<link rel="stylesheet" media="all" type="text/css" href="styles/respondsive.css" />
	<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="styles/retina.css" />

	 <!--Mobile Specific Metas
	  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- JS
 	================================================== -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/jquery.easing.min.js'></script>
	<script type='text/javascript' src='js/jquery.infinitescroll.min.js'></script>
	<script type='text/javascript' src='js/mediaelement-and-player.min.js'></script>
	<script type='text/javascript' src='js/jquery.hoverIntent.js'></script>
	<script type='text/javascript' src='js/supersized.3.2.7.min.js'></script>
	<script type='text/javascript' src='js/supersized.shutter.min.js'></script>
	<script type='text/javascript' src='js/galleria-1.2.8.min.js'></script>
	<script type='text/javascript' src='js/themes/classic/galleria.classic.js'></script>
	<script type='text/javascript' src='js/jquery.hoverdir.js'></script>
	<script type='text/javascript' src='js/color.js'></script>
	<script type='text/javascript' src='js/jquery.isotope.js'></script>
	<script type='text/javascript' src='js/main.js'></script>
	
	<!--For twittrer widget in right sidebar-->
	<script type="text/javascript">
		/***************************************************
		TWIITER JAVASCRIPT CODE Author:grstearns URl;http://developer.mindtouch.com/@api/deki/files/5910/=tweet.xml
		***************************************************/	
		(function($) {
		 
		  $.fn.tweet = function(o){
			var s = {
			  username: [""],              // [string]   required, unless you want to display our tweets. :) it can be an array, just do ["username1","username2","etc"]
			  list: null,                              //[string]   optional name of list belonging to username
			  avatar_size: null,                      // [integer]  height and width of avatar if displayed (48px max)
			  count: 3,                               // [integer]  how many tweets to display?
			  intro_text: null,                       // [string]   do you want text BEFORE your your tweets?
			  outro_text: null,                       // [string]   do you want text AFTER your tweets?
			  join_text:  null,                       // [string]   optional text in between date and tweet, try setting to "auto"
			  auto_join_text_default: "i said,",      // [string]   auto text for non verb: "i said" bullocks
			  auto_join_text_ed: "i",                 // [string]   auto text for past tense: "i" surfed
			  auto_join_text_ing: "i am",             // [string]   auto tense for present tense: "i was" surfing
			  auto_join_text_reply: "i replied to",   // [string]   auto tense for replies: "i replied to" @someone "with"
			  auto_join_text_url: "i was looking at", // [string]   auto tense for urls: "i was looking at" http:...
			  loading_text: null,                     // [string]   optional loading text, displayed while tweets load
			  query: null,                            // [string]   optional search query
			  refresh_interval: null                  // [integer]  optional number of seconds after which to reload tweets
			};
			
			if(o) $.extend(s, o);
			
			$.fn.extend({
			  linkUrl: function() {
				var returning = [];
				var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
				this.each(function() {
				  returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"));
				});
				return $(returning);
			  },
			  linkUser: function() {
				var returning = [];
				var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
				this.each(function() {
				  returning.push(this.replace(regexp,"<a href=\"https://twitter.com/$1\">@$1</a>"));
				});
				return $(returning);
			  },
			  linkHash: function() {
				var returning = [];
				var regexp = /(?:^| )[\#]+([A-Za-z0-9-_]+)/gi;
				this.each(function() {
				  returning.push(this.replace(regexp, ' <a href="https://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'">#$1</a>'));
				});
				return $(returning);
			  },
			  capAwesome: function() {
				var returning = [];
				this.each(function() {
				  returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
				});
				return $(returning);
			  },
			  capEpic: function() {
				var returning = [];
				this.each(function() {
				  returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
				});
				return $(returning);
			  },
			  makeHeart: function() {
				var returning = [];
				this.each(function() {
				  returning.push(this.replace(/(&lt;)+[3]/gi, "<tt class='heart'>&#x2665;</tt>"));
				});
				return $(returning);
			  }
			});
			function parse_date(date_str) {
			  // The non-search twitter APIs return inconsistently-formatted dates, which Date.parse
			  // cannot handle in IE. We therefore perform the following transformation:
			  // "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
			  return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
			}
		
			function relative_time(time_value) {
			  var parsed_date = parse_date(time_value);
			  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
			  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
			  var r = '';
			  if (delta < 60) {
			r = delta + ' seconds ago';
			  } else if(delta < 120) {
			r = 'a minute ago';
			  } else if(delta < (45*60)) {
			r = (parseInt(delta / 60, 10)).toString() + ' minutes ago';
			  } else if(delta < (2*60*60)) {
			r = 'an hour ago';
			  } else if(delta < (24*60*60)) {
			r = '' + (parseInt(delta / 3600, 10)).toString() + ' hours ago';
			  } else if(delta < (48*60*60)) {
			r = 'a day ago';
			  } else {
			r = (parseInt(delta / 86400, 10)).toString() + ' days ago';
			  }
			  return 'about ' + r;
			}
		
			function build_url() {
			  var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');
			  if (s.list) {
				return proto+"//api.twitter.com/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+s.count+"&callback=?";
			  } else if (s.query == null && s.username.length == 1) {
				return proto+'//api.twitter.com/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+s.count+'&include_rts=1&callback=?';
			  } else {
				var query = (s.query || 'from:'+s.username.join(' OR from:'));
				return proto+'//search.twitter.com/search.json?&q='+encodeURIComponent(query)+'&rpp='+s.count+'&callback=?';
			  }
			}
		
			return this.each(function(i, widget){
			  var list = $('<ul class="tweet_list">').appendTo(widget);
			  var intro = '<p class="tweet_intro">'+s.intro_text+'</p>';
			  var outro = '<p class="tweet_outro">'+s.outro_text+'</p>';
			  var loading = $('<p class="loading">'+s.loading_text+'</p>');
		
			  if(typeof(s.username) == "string"){
				s.username = [s.username];
			  }
		
			  if (s.loading_text) $(widget).append(loading);
			  $(widget).bind("load", function(){
				$.getJSON(build_url(), function(data){
				  if (s.loading_text) loading.remove();
				  if (s.intro_text) list.before(intro);
				  list.empty();
				  var tweets = (data.results || data);
				  $.each(tweets, function(i,item){
					// auto join text based on verb tense and content
					if (s.join_text == "auto") {
					  if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
						var join_text = s.auto_join_text_reply;
					  } else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
						var join_text = s.auto_join_text_url;
					  } else if (item.text.match(/^((\w+ed)|just) .*/im)) {
						var join_text = s.auto_join_text_ed;
					  } else if (item.text.match(/^(\w*ing) .*/i)) {
						var join_text = s.auto_join_text_ing;
					  } else {
						var join_text = s.auto_join_text_default;
					  }
					} else {
					  var join_text = s.join_text;
					};
		   
					var from_user = item.from_user || item.user.screen_name;
					var profile_image_url = item.profile_image_url || item.user.profile_image_url;
					var join_template = '<span class="tweet_join"> '+join_text+' </span>';
					var join = ((s.join_text) ? join_template : ' ');
					var avatar_template = '<a class="tweet_avatar" href="https://twitter.com/'+from_user+'"><img src="'+profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+from_user+'\'s avatar" title="'+from_user+'\'s avatar" border="0"/></a>';
					var avatar = (s.avatar_size ? avatar_template : '');
					var date = '<span class="tweet_time"><a href="https://twitter.com/'+from_user+'/status/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';
					var text = '<span class="tweet_text">' +$([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</span>';
		   
					// until we create a template option, arrange the items below to alter a tweet's display.
					list.append('<li>' + date + join + text + avatar + '</li>');
		   
					list.children('li:first').addClass('tweet_first');
					list.children('li:odd').addClass('tweet_even');
					list.children('li:even').addClass('tweet_odd');
				  });
				  if (s.outro_text) list.after(outro);
				  $(widget).trigger("loaded").trigger((tweets.length == 0 ? "empty" : "full"));
				  if (s.refresh_interval) {
					window.setTimeout(function() { $(widget).trigger("load"); }, 1000 * s.refresh_interval);
				  };
				});
			  }).trigger("load");
			});
		  };
		})(jQuery);
		/***************************************************
				 ADDITIONAL CODE FOR TWITTER
		***************************************************/
			jQuery(document).ready(function($) {
			  $(".tweets").tweet({
				join_text: "auto",
				username: "uiueux", //The username of twitter
				avatar_size: 0,
				count: 5, 
				auto_join_text_default: "", 
				auto_join_text_ed: "",
				auto_join_text_ing: "",
				auto_join_text_reply: "",
				auto_join_text_url: "",
				loading_text: "loading tweets..."
			  });
			})
	</script>
		
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-114x114.png">
	
	<!-- IE hack
	================================================== -->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!--[if lte IE 8 ]>
	<script type="text/javascript" src="js/ie.js"></script>
	<link rel="stylesheet" media="all" type="text/css" href="styles/ie.css" />
	<![endif]-->
	
	<!--[if lte IE 6]>
	<div style="width: 100%;" class="messagebox_orange">Your browser is obsolete and does not support this webpage. Please use newer version of your browser or visit <a href="http://www.ie6countdown.com/" target="_new">Internet Explorer 6 countdown page</a>  for more information. </div>
	<![endif]-->	
	
	<!--/////////////
	//Google Fonts//
	///////////////-->
	<link href='../../../fonts.googleapis.com/css_362961CB' rel='stylesheet' type='text/css'>
	<link href='../../../fonts.googleapis.com/css_D6542681' rel='stylesheet' type='text/css'>
	<link href='../../../fonts.googleapis.com/css_96849461' rel='stylesheet' type='text/css'>
	
</head>

<body class="single">
<div id="wrap">

<!--/////////////////////////////////////////////
//////////                         /////////////
//////////    Left Sidebar Area   //////////////
/////////                         /////////////
////////////////////////////////////////////-->	
	<div id="siderbar" class="sidebar_forlist">
	<div class="sidebar_wrapmost">
	
	<!--
	////////////////
	     Logo
	///////////////
	-->	
		<p id="logo"><a href="index.html" title="Fashionic Template"><img src="img/logo.png" alt="Fashionic Template" width="250" height="90"></a></p>
		<p id="logo_retina"><a href="index.html" title="Fashionic Template"><img src="img/logo_retina.png" alt="Fashionic Template" width="250" height="90"></a></p><!--Logo For High Resolution -->
				
			
	<!--
	//////
	 Menu
	//////
	-->	
		<div class="menu_wrap">
			<div id="navi" class="clearfix">
			<ul class="menu">
				<li class="menu-item"><a href="index.html">HOME</a></li>
				<li class="menu-item">
					<a href="index.html">PORTFOLIO</a>
					<!--Submenu for Portfolio item-->
					<ul class="sub-menu">
						<li class="menu-item"><a href="portfolio_list_23.html">Portfolio 2:3</a></li>
						<li class="menu-item"><a href="portfolio_list_32.html">Portfolio 3:2</a></li>
						<li class="menu-item"><a href="portfolio_list_11.html">Portfolio 1:1</a></li>
						<li class="menu-item"><a href="portfolio_list_tumblr.html">Tumblr Style</a></li>
					</ul>
					<!--End Submenu for Portfolio item-->
				</li>
				<li class="menu-item">
					<a href="magazine.html">MAGAZINE</a>
					<ul class="sub-menu">
						<li class="menu-item"><a href="magazine_with_slider.html">Magazine with Slider</a></li>
						<li class="menu-item"><a href="magazine_with_border.html">List with Border</a></li>
					</ul>
				</li>
				<li class="menu-item">
					<a href="javascript:;">FEATURES</a>
					<!--Submenu for Features item-->
					<ul class="sub-menu">
						
						<li class="menu-item"><a href="feature_list_style.html">List Page Style</a></li>
						<li class="menu-item"><a href="feature_slider.html">Slider</a></li>
						<li class="menu-item"><a href="feature_pagination.html">Pagination</a></li>
					</ul>
					<!--End Submenu for Features item-->
				</li>
				<li class="menu-item current-menu-parent"><a href="javascript:;">PAGE EXAMPLES</a>
					<ul class="sub-menu">
						<li class="menu-item current-menu-item"><a href="about.html">About</a></li>
						<li class="menu-item"><a href="contact.html">Contact</a></li>
					</ul>
				</li>
			</ul>
			</div><!--End navi-->
		</div><!--End menu_wrap-->
	</div><!--End sidebar_wrapmost-->
	
	<div id="siderbar_bottom">
	
	<!--
	//////////////
	Search box
	/////////////
	-->	
		<div id="search" class="searchcss social_active">
			<form id="search_form" name="" method="get" class="search-form_header" action="#">
			<span class="searchicon"></span><input type="text" onBlur="if (this.value == '') {this.value = 'Search';}" onFocus="if (this.value == 'Search') {this.value = '';}" id="s" name="s" value="Search" class="textboxsearch"><input type="submit" value="" class="submitsearch" name="submitsearch">
</form>
		</div><!--END search-->
		
	<!--
	///////////
	Social icons 
	(it is not displayed in mobile device)
	///////////
	-->	
		
		<div id="social_icon">
			<a id="social_facebook" class="social_active" href="../../../www.facebook.com/uiueux/index.htm" title="Visit Facebook page"><span></span></a><!--Facebook-->
			<a id="social_twitter" class="social_active" href="../../../www.twitter.com/uiueux/index.htm" title="Visit Twitter page"><span></span></a><!--Twitter-->
			<a id="social_google_plus" class="social_active" href="#" title="Visit Google Plus page"><span></span></a><!--Google plus-->
			<a id="social_pinterest" class="social_active" href="#" title="Visit Pinterest page"><span></span></a><!--Pinterest-->
			<a id="social_dribbble" class="social_active" href="#" title="Visit Dribbble page"><span></span></a><!--Dribbble-->	
			<!--<a id="social_trumblr" class="social_active" href="#" title="Visit Tumblr page"><span></span></a> Trumblr-->
			<!--<a id="social_youtube" class="social_active" href="#" title="Visit Youtube page"><span></span></a> Youtube-->
			<!--<a id="social_flickr" class="social_active" href="#" title="Visit Flickr page"><span></span></a> Flickr-->
			<!--<a id="social_vimeo" class="social_active" href="#" title="Visit Vimeo page"><span></span></a> Vimeo-->
			<!--<a id="social_linkedin" class="social_active" href="#" title="Visit LinkedIn page"><span></span></a> Linkedin-->
			<!--<a id="social_forst" class="social_active" href="#" title="Visit Forst page"><span></span></a> Forst-->
			<!--<a id="social_github" class="social_active" href="#" title="Visit Github page"><span></span></a> Github-->
			<!--<a id="social_rss" class="social_active" href="#" title="Rss"><span></span></a> Rss-->			
		</div><!--END social_icon-->
		
	
	<!--
	///////////
	copyright 
	(it is not displayed in mobile device)
	///////////
	-->			
		<div id="copyright">Copyright @ uiueux.com</div>
	</div><!--END siderbar_bottom-->	
	</div><!--End sidebar-->



	<!---/////////////////////////////////////////////
	//////////                         /////////////
	//////////    Main Content Area   //////////////
	/////////                         /////////////
	////////////////////////////////////////////-->	
	<div id="content" class="content_wrap"><!--If you don't need right sidebar, please remove class="content_wrap" -->
		<div id="single-wrap">
			
			<h1>ABOUT</h1>
			
			<div class="entry clearfix">
				<p>Mid nec magna turpis porta tincidunt massa!  Tempor montes magnis auctor ut! Pellentesque placerat, quis augue dignissim? Pulvinar rhoncus! Scelerisque augue hac enim, quis cum. Lectus urna hac augue, turpis ut diam, dis lectus porta! Sociis, magnis porttitor mus nunc etiam risus mauris, dapibus auctor purus tincidunt?  Tempor montes magnis auctor ut! Pellentesque placerat, quis augue dignissim? Pulvinar rhoncus! Scelerisque augue hac enim, quis cum.</p>
				<p>&nbsp;</p>
				<div class="fixed_column" style="width:140px; margin-right:10px; margin-left:30px; margin-top:0; margin-bottom:20px"> <div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><div style="background-image:url(http://www.uiueux.com/wp/fashionic/files/2012/08/staff1.png)" class="roundimage"></div></p>
				<p><h5 class="typograph dark"> Nike Beak </h5>Founder &amp; CEO</p>
				<p><a href="#" class="social_shortcode social_shortcode_facebook"><span></span></a><a href="#" class="social_shortcode social_shortcode_twitter"><span></span></a><a href="#" class="social_shortcode social_shortcode_flickr"><span></span></a><a href="#" class="social_shortcode social_shortcode_youtube"><span></span></a></div></p>
				<p></div>
				<div class="fixed_column" style="width:140px; margin-right:10px; margin-left:10px; margin-top:0; margin-bottom:20px"><div style="background-image:url(http://www.uiueux.com/wp/fashionic/files/2012/08/staff2.png)" class="roundimage"></div></p>
				<p><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><h5 class="typograph dark">Tom Abelard </h5>CTO</p>
				<p><a href="#" class="social_shortcode social_shortcode_linkedin"><span></span></a><a href="#" class="social_shortcode social_shortcode_github"><span></span></a></div></p>
				<p></div>
				<div class="fixed_column" style="width:140px; margin-right:10px; margin-left:10px; margin-top:0; margin-bottom:20px"><div style="background-image:url(http://www.uiueux.com/wp/fashionic/files/2012/08/staff3.png)" class="roundimage"></div></p>
				<p><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><h5 class="typograph dark">Tom Abelard </h5>Brain</p>
				<p><a href="#" class="social_shortcode social_shortcode_vimeo"><span></span></a><a href="#" class="social_shortcode social_shortcode_facebook"><span></span></a></div></p>
				<p></div>
				<div class="fixed_column" style="width:140px; margin-right:0px; margin-left:10px; margin-top:0; margin-bottom:20px"><div style="background-image:url(http://www.uiueux.com/wp/fashionic/files/2012/08/staff4.png)" class="roundimage"></div></p>
				<p><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><h5 class="typograph dark">Dieter Rams </h5>Chief Designer</p>
				<p><a href="#" class="social_shortcode social_shortcode_forst"><span></span></a><a href="#" class="social_shortcode social_shortcode_dribbble"><span></span></a><a href="#" class="social_shortcode social_shortcode_pinterest"><span></span></a></div></p>
				<p></div>
				<p>&nbsp;</p>
				<h5 class="typograph dark"> CLIENT </h5>
				<p>&nbsp;</p>
				<div class="fixed_column" style="width:200px; margin-right:10px; margin-left:0px; margin-top:0; margin-bottom:10px"><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><img class="alignnone size-full wp-image-414" title="4" src="../../wp/fashionic/files/2012/08/4.png" alt="" width="200" height="200" data-pinit="registered" /></div></div>
				<div class="fixed_column" style="width:200px; margin-right:10px; margin-left:0px; margin-top:0; margin-bottom:10px"><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><a href="../../wp/fashionic/files/2012/08/3.png"><img class="alignnone size-full wp-image-413" title="3" src="../../wp/fashionic/files/2012/08/3.png" alt="" width="200" height="200" data-pinit="registered" /></a></div></div>
				<div class="fixed_column" style="width:200px; margin-right:10px; margin-left:0px; margin-top:0; margin-bottom:10px"><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"></div><a href="../../wp/fashionic/files/2012/08/2.png"><img class="alignnone size-full wp-image-412" title="2" src="../../wp/fashionic/files/2012/08/2.png" alt="" width="200" height="200" data-pinit="registered" /></a><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"></div></div>
				<div class="fixed_column" style="width:200px; margin-right:10px; margin-left:0px; margin-top:0; margin-bottom:10px"><div style="text-align:center;position:relative;margin-left:auto;margin-right:auto"><a href="../../wp/fashionic/files/2012/08/1.png"><img class="alignnone size-full wp-image-411" title="1" src="../../wp/fashionic/files/2012/08/1.png" alt="" width="200" height="200" data-pinit="registered" /></a></div></div>
				<p>&nbsp;</p>
				
				</div><!--End entry-->				
			</div><!--End entry-->
		</div><!--End single-wrap-->
	
	<!--
	////////////////
	//Right Sidebar
	/////////////
	-->
	
	<div class="sidebar_right">
		
	 	<ul class="sidebar_right_widget">
	 		
			<li class="widget-container widget_text">
					<h3 class="widget-title">WHAT&#8217;S NEW?</h3>
					<div class="textwidget">Dignissim risus tincidunt, dictumst ultrices, aliquet nunc elementum adipiscing pulvinar in diam sit pellentesque integer adipiscing</div>
			</li><!--TEXT widget-->
			
			<li class="widget-container tweet">
				<h3 class="widget-title"><span class="widget_open"></span>LATEST TWEETS</h3>
				<div class="tweets widget_con"></div>
			</li><!--Recent Tewitter widget-->
			
			<li class="widget-container widget_archive">
				<h3 class="widget-title">ARCHIVES</h3>
				<ul>
					<li><a href='#' title='November 2012'>November 2012</a></li>
					<li><a href='#' title='October 2012'>October 2012</a></li>
					<li><a href='#' title='September 2012'>September 2012</a></li>
					<li><a href='#' title='August 2012'>August 2012</a></li>
				</ul>
			</li><!--List widget-->
			
		</ul><!--End sidebar_right_widget-->
	</div><!--End sidebar_right-->
	</div><!--END content -->
	
		<!--//////////////////////////////////
		//// Social icons for mobile devices //
		//////////////////////////////-/////-->
		
		<div id="social_icon" class="social_icon_mobile">
			<a id="social_facebook" class="social_active" href="../../../www.facebook.com/uiueux/index.htm" title="Visit Facebook page"><span></span></a><!--Facebook-->
			<a id="social_twitter" class="social_active" href="../../../www.twitter.com/uiueux/index.htm" title="Visit Twitter page"><span></span></a><!--Twitter-->
			<a id="social_google_plus" class="social_active" href="#" title="Visit Google Plus page"><span></span></a><!--Google plus-->
			<a id="social_pinterest" class="social_active" href="#" title="Visit Pinterest page"><span></span></a><!--Pinterest-->
			<a id="social_dribbble" class="social_active" href="#" title="Visit Dribbble page"><span></span></a><!--Dribbble-->	
			<!--<a id="social_trumblr" class="social_active" href="#" title="Visit Tumblr page"><span></span></a> Trumblr-->
			<!--<a id="social_youtube" class="social_active" href="#" title="Visit Youtube page"><span></span></a> Youtube-->
			<!--<a id="social_flickr" class="social_active" href="#" title="Visit Flickr page"><span></span></a> Flickr-->
			<!--<a id="social_vimeo" class="social_active" href="#" title="Visit Vimeo page"><span></span></a> Vimeo-->
			<!--<a id="social_linkedin" class="social_active" href="#" title="Visit LinkedIn page"><span></span></a> Linkedin-->
			<!--<a id="social_forst" class="social_active" href="#" title="Visit Forst page"><span></span></a> Forst-->
			<!--<a id="social_github" class="social_active" href="#" title="Visit Github page"><span></span></a> Github-->
			<!--<a id="social_rss" class="social_active" href="#" title="Rss"><span></span></a> Rss-->	
		</div><!--END social-->
		
		<!--//////////////////////////////////////
		//// Copyright info. for mobile devices //
		//////////////////////////////-/////-->
		<div id="copyright_mobile" style="">Copyright @ uiueux.com</div>
</div>
<!--Back Top button-->
<div id="top"></div>
</body>
</html>